<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="./js/setRem.js"></script>
  <link rel="stylesheet" href="./lib/fonts/font-awesome.min.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/baicaijia.css">
  <title>慢慢买-白菜价</title>
</head>

<body>
  <div class="mmb-layout">
    <!-- 头部 -->
    <div class="mmb-header title-red">
      <a href="#" class="fa fa-chevron-left back"></a>
      <a href="#" class="title">白菜价-淘宝内部券</a>
      <a href="#" class="pull-right app"><img src="./images/header_app.png" alt=""></a>
    </div>

    <!-- 导航 -->
    <div class="mmb-bcj-nav">
      <!-- 导航tab栏 -->
      <div class="nav-tab">
        <ul class="clearfix">
            <!-- <li><a href="#" class="current">热销</a></li>
            <li><a href="#">9快包邮</a></li> -->
          </ul>
          <div class="over"></div>
      </div>
      
      <!-- 内容 -->
      <div class="nav-content">
        <ul>
          <li>
            <div class="con-img">
              <img src="./images/ic_temai.png" alt="">
            </div>
            <div class="con-right">
              <div class="tilte">
                  <span class="b">[包邮]</span>双十一红包 今日开启
              </div>
              <div class="coupon">
                 <span>券后</span><em>¥</em>106.0<del>¥206</del>
              </div>
              <div class="bar clearfix">
                <a href="#" class="goquan" target="_blank"></a>
                <i><em style="width:10%;"></em><span>1%</span></i>
                <b>已领82张</b>
              </div>
              <div class="link">
                <a href="#" target="_blank">点此领15元优惠券</a>
              </div>
              <div class="btn">
                <a biz-itemid="56297410_8818824_54778388" isconvert="1" href="http://s.click.taobao.com/3HlIdQx" target="_blank">下单链接</a>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  
    <!-- 返回顶部 -->
    <div class="top">
      <span class="fa fa-arrow-up"></span>
    </div>

    <!-- 底部栏 -->
    <div class="mmd-footer">
      <div class="footer-top">
        <a href="#" id="login">登录</a>
        <a href="#" id="resign">注册</a>
        <a href="javascript:;" class="sm-top"><img src="http://www.zuyushop.com/wap/images/top.jpg" alt="">返回顶部</a>
      </div>
      <div class="footer-bottom">
        <p><a href="#">手机APP下载</a><a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <a href="#">m.manmanbuy.com</a>
      </div>
    </div>
  </div>

  <!-- tab栏标题渲染 -->
  <script type="text/html" id="tmp-tab">
    {{ each result v i}}
      {{ if i==0 }}
        <li><a href="#" data-id={{v.titleId}} class="current">{{v.title}}</a></li>
      {{ else }}
        <li><a href="#" data-id={{v.titleId}}>{{v.title}}</a></li>
      {{ /if }}
    {{ /each }}
  </script>
 

  <!-- 折扣商品模板引擎 -->
  <script type="text/html" id="tmp-con">
    {{ each result v i }}
      <li>
        <div class="con-img">
          {{@v.productImg}}
        </div>
        <div class="con-right">
          <div class="tilte">
            {{#v.productName}}
          </div>
          <div class="coupon">
            <span>券后</span>{{#v.productPrice}}
          </div>
          <div class="bar clearfix">
            {{#v.productCouponRemain}}
          </div>
          <div class="link">
            {{#v.productCoupon}}
          </div>
          <div class="btn">
            {{#v.productHref}}
          </div>
        </div>
      </li>
    {{ /each }}
  </script>
  


  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./lib/iscroll/iscroll.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/setHttp.js"></script>
  <script src="./js/baicaijia.js"></script>


</body>

</html>